.aside-left{
    width: 300px;
    min-height: 800px;
    float: left;
}
.section{
    width:698px;
    min-height: 800px;
    float: left;
}
.section .banner{
    width:100%;
    height:300px;
    position: relative;
}
.section .banner li a{
    position: absolute;
    top:0;
    left: 0;
}
.section .banner a img{
    width:100%;
    height:300px;
}

.section .banner>a{
    width:100px;
    height:100px;
    background:#EBEEF5;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top:100px;
    color:#333;
    z-index: 10;
    opacity: 0.3;
}

.banner:hover >a{
    opacity: 1;
}
.banner i{
    line-height: 100px;
}
.section .banner .control-left{
    left:10px;
}
.section .banner .control-right{
    right:10px;
}


.aside-right{
    width:300px;
    min-height: 800px;
    float: left;
}


.media{
    width:300px;
    height:240px;
}
.media .media-header{
    width:100%;
    height:40px;
    line-height:40px;
    background:#DCDFE6;
}
.media a img{
    width:100px;
    float: left;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;:30px;
    margin-top:30px;
}

.media .media-body{
    width:176px;
    height:160px;
    float:left;
    margin-left:20px;
}
.media .media-body ul li{
    width:100%;
    height:30px;
    line-height:30px;
    text-align: left;
}

.media .media-footer{
    width:100%;
    height:40px;
    border-top: 1px solid #EBEEF5;
}
.media .media-footer ul li{
    height:40px;
    line-height: 40px;
    display: inline-block;
}